<template>
  <view class="reset-page">
    <view class="reset-box">
      <view class="item">
        <view class="label">手机号</view>
        <view class>
          <input type="text" maxlength="11" placeholder="请输入手机号" placeholder-class="placeholder">
        </view>
      </view>
      <view class="item">
        <view class="label">旧密码</view>
        <view class>
          <input type="text" placeholder="请输入旧密码" placeholder-class="placeholder">
        </view>
      </view>
      <view class="item">
        <view class="label">新密码</view>
        <view class>
          <input type="text" placeholder="请输入新密码" placeholder-class="placeholder">
        </view>
      </view>
      <view class="item">
        <view class="label">确认密码</view>
        <view class>
          <input type="text" placeholder="请输入新密码" placeholder-class="placeholder">
        </view>
      </view>
    </view>
    <view class="submit-btn">确定</view>
  </view>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
.reset-page {
  overflow: hidden;
  .reset-box {
    margin-top: 20upx;
    background: #ffffff;
    .item {
      height: 87upx;
      margin-left: 30upx;
      display: flex;
      align-items: center;
      border-bottom: 1upx solid #ededed;
      .label {
        width: 145upx;
        height: 87upx;
        line-height: 87upx;
        font-size: 30upx;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: #000000;
      }
      input {
        height: 87upx;
        line-height: 87upx;
        width: 550upx;
        font-size: 30upx;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(35, 106, 246, 1);
      }
    }
  }
  .submit-btn {
    height: 100upx;
    width: 100%;
    background: rgba(35, 106, 246, 1);
    position: fixed;
    bottom: 0;
    color: #ffffff;
    text-align: center;
    line-height: 100upx;
    font-size: 32upx;
    font-family: PingFangSC-Regular;
    font-weight: 400;
  }
}
</style>

